$(document).ready(function(){
//$("#v2").hide();
//Carga de proyectos

var id_proyecto;
var variable;
//Llamado a google charts
$.ajax({
  type: "POST",
  url: "http://tioconejo.net/api_tcpro/web/admin_proyecto/lista",
  data: { id_cliente : 2 }
})
  .done(function(data) {
    json = JSON.parse(data);
    for (var i in json) {
      $("#proyecto").append("<option value= '" +json[i].id+ "'>" + json[i].nombre_proyecto + "</option>")
    };
  });
//Carga de las variables de proyecto
$("#proyecto").click(function(){
  id_proyecto = $("#proyecto").val();
  for(var i in json){
    if (json[i].id == id_proyecto) {
      for(var j in json[i].variables){
      $("#variable1").append("<option onclick= 'getVariable("+i+","+j+")'>" + json[i].variables[j].variable + "</option>")
      }
    };
  };
});
$("#proyecto").click(function () {
	id_proyecto = $("#proyecto").val();
	for (var i in json) {
		if (json[i].id == id_proyecto) {
			for (var j in json[i].variables) {
				$("#variable2").append("<option onclick= 'getVariable(" + i + "," + j + ")'>" + json[i].variables[j].variable + "</option>")
			}
		};
	};
});
//Generacion del gráfico
var tipoGrafico;
//Grafico de torta
$("#torta").click(function(){
  $("#tipo").append("<option value='1'>Cantidad de Texto</option>");
  $("#tipo").append("<option value='2'>Centimetraje Total</option>");
  localStorage.setItem("tipoGrafico","torta");
});
//Grafico de columna
$("#columna").click(function () {
	$("#tipo").append("<option value='1'>Cantidad de Texto</option>");
	$("#tipo").append("<option value='2'>Centimetraje Total</option>");
	localStorage.setItem("tipoGrafico","columna");
});
//Gráfico de linea
$("#linea").click(function () {
	$("#tipo").append("<option value='1'>Cantidad de Texto</option>");
	$("#tipo").append("<option value='2'>Centimetraje Total</option>");
	localStorage.setItem("tipoGrafico","linea");
});
	//Gráfico de Barra
$("#barras").click(function () {
	$("#tipo").append("<option value='1'>Cantidad de Texto</option>");
	$("#tipo").append("<option value='2'>Centimetraje Total</option>");
	localStorage.setItem("tipoGrafico","barras");
});

$("#generar").click(function(){
  var page = "views/carga/g1.html";
  var tipo = $("#tipo").val();
  var $dialog = $('<div></div>')
                 .html('<iframe style="border: 0px; overflow:hidden;" src="' + page + '" width="100%" height="100%" scrolling="no" frameborder="0" allowTransparency="true"></iframe>')
                 .dialog({
                     autoOpen: false,
                     modal: true,
                     height:505,
                     width: 600,
                 });
   $.ajax({
    type: "POST",
    url: "/api_tcpro/web/admin_proyecto/reporte",
    data: { id_proyecto : id_proyecto,
            modelo :tipo,
            fechaInicio :$("#fechaInicio").val(),
            fechaFin: $("#fechaFin").val()
			}
  })
    .done(function(data) {
      valores = JSON.parse(data);
      localStorage.setItem("datos", data);
      $dialog.dialog('open');      
    });
   
});
});

function getVariable(i,j){
  variable = json[i].variables[j].variable;
};
